

  /* 
        组件的复用
            1) 组件是可复用的Vue实例，且带有一个名字。我们可以在一个通过new Vue创建的Vue根实例中，把这个组件作为自定义元素来使用
            2) 因为组件是可复用的Vue实例，所以与new Vue接收相同的选项，例如 data、 computed 、 watch 、methods 以及生命周期钩子等，
                仅有的例外是el这样根实例特有的选项

            3) 每用一次组件，就会有一个它的新实例被创建
            4) 组件中的data选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝
                如果data选项是一个对象，每个组件实例维护的数据对象是相同的，这样就会互相影响了   

            5) 每个组件必须只有一个根元素    


      
        组件的注册
          全局注册
             - 全局注册的组件可以用在任何通过 new Vue创建的Vue根实例的模板中，也包括其组件树中的所有子组件的模板中
                Vue.component('button-counter', {
                  data: function () {
                    return {
                      count: 0
                    }
                  },
                  template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
                })

          局部注册
             - 局部注册的组件在其子组件中不可用     
 

   */

